﻿<!doctype html>
<html lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>主页</title>
    <link rel="stylesheet" href="css/zzsc.css">
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/ionicons.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/owl.theme.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/settings.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/custom.css" type="text/css" media="all">
    <link href="http://fonts.googleapis.com/css?family=Great+Vibes%7CLato:100,100i,300,300i,400,400i,700,700i,900,900i"
          rel="stylesheet">
</head>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
    function findAll() {
        $.get("bxx/index_findAll", function (result) {
            $("#product").empty();
            $.each(result, function (index, Good) {
                var div;
                if (Good.count == 1) {
                    div = "<div class=\"col-md-3 col-sm-6 product-item masonry-item text-center\">" +
                        "<div class=\"product-thumb\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<div class=\"badges\">" +
                        "<span class=\"hot\">热卖</span>" +
                        "</div>" +
                        "<img src=\"" + Good.g_src + "\"/>" +
                        "</a>" +
                        "<div class=\"product-action\">" +
                        "<span class=\"add-to-cart\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"></a>" +
                        "</span>" +
                        "<span class=\"wishlist\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to wishlist\"></a>" +
                        "</span>" +
                        "<span class=\"quickview\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Quickview\"></a>" +
                        "</span>" +
                        "<span class=\"compare\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Compare\"></a>" +
                        "</span>" +
                        "</div>" +
                        "</div>" +
                        "<div class=\"product-info\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<h2 class=\"title\">" + Good.g_name + "</h2>" +
                        "<span class=\"price\">" + "$" +
                        Good.price +
                        "</span>" +
                        "</a>" +
                        "</div>" +
                        "</div>"
                } else {
                    div = "<div class=\"col-md-3 col-sm-6 product-item masonry-item text-center\">" +
                        "<div class=\"product-thumb\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<div class=\"badges\">" +
                        "<span class=\"hot\">热卖</span>" +
                        "<span class=\"onsale\">特价!</span>" +
                        "</div>" +
                        "<img src=\"" + Good.g_src + "\"/>" +
                        "</a>" +
                        "<div class=\"product-action\">" +
                        "<span class=\"add-to-cart\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"></a>" +
                        "</span>" +
                        "<span class=\"wishlist\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to wishlist\"></a>" +
                        "</span>" +
                        "<span class=\"quickview\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Quickview\"></a>" +
                        "</span>" +
                        "<span class=\"compare\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Compare\"></a>" +
                        "</span>" +
                        "</div>" +
                        "</div>" +
                        "<div class=\"product-info\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<h2 class=\"title\">" + Good.g_name + "</h2>" +
                        "<span class=\"price\">" +
                        "<del>" + "$" + Good.price + "</del> " +
                        "<ins>" + "$" + Good.price * Good.count + "</ins>" +
                        "</span>" +
                        "</a>" +
                        "</div>" +
                        "</div>"
                }
                $("#product").append(div);
            })
        })
    }

    function findByType(t_id) {
        $.get("bxx/index_findByType", {"t_id": t_id}, function (result) {
            $("#product").empty();
            $.each(result, function (index, Good) {
                var div;
                if (Good.count == 1) {
                    div = "<div class=\"col-md-3 col-sm-6 product-item masonry-item text-center\">" +
                        "<div class=\"product-thumb\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<div class=\"badges\">" +
                        "<span class=\"hot\">热卖</span>" +
                        "</div>" +
                        "<img src=\"" + Good.g_src + "\"/>" +
                        "</a>" +
                        "<div class=\"product-action\">" +
                        "<span class=\"add-to-cart\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"></a>" +
                        "</span>" +
                        "<span class=\"wishlist\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to wishlist\"></a>" +
                        "</span>" +
                        "<span class=\"quickview\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Quickview\"></a>" +
                        "</span>" +
                        "<span class=\"compare\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Compare\"></a>" +
                        "</span>" +
                        "</div>" +
                        "</div>" +
                        "<div class=\"product-info\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<h2 class=\"title\">" + Good.g_name + "</h2>" +
                        "<span class=\"price\">" + "$" +
                        Good.price +
                        "</span>" +
                        "</a>" +
                        "</div>" +
                        "</div>"
                } else {
                    div = "<div class=\"col-md-3 col-sm-6 product-item masonry-item text-center\">" +
                        "<div class=\"product-thumb\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<div class=\"badges\">" +
                        "<span class=\"hot\">热卖</span>" +
                        "<span class=\"onsale\">特价!</span>" +
                        "</div>" +
                        "<img src=\"" + Good.g_src + "\"/>" +
                        "</a>" +
                        "<div class=\"product-action\">" +
                        "<span class=\"add-to-cart\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"></a>" +
                        "</span>" +
                        "<span class=\"wishlist\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to wishlist\"></a>" +
                        "</span>" +
                        "<span class=\"quickview\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Quickview\"></a>" +
                        "</span>" +
                        "<span class=\"compare\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Compare\"></a>" +
                        "</span>" +
                        "</div>" +
                        "</div>" +
                        "<div class=\"product-info\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<h2 class=\"title\">" + Good.g_name + "</h2>" +
                        "<span class=\"price\">" +
                        "<del>" + "$" + Good.price + "</del> " +
                        "<ins>" + "$" + Good.price * Good.count + "</ins>" +
                        "</span>" +
                        "</a>" +
                        "</div>" +
                        "</div>"
                }
                $("#product").append(div);
            })
        })
    }

    $(function () {
        $.get("bxx/index_findAll", function (result) {
            $("#product").empty();
            $.each(result, function (index, Good) {
                var div;
                if (Good.count == 1) {
                    div = "<div class=\"col-md-3 col-sm-6 product-item masonry-item text-center\">" +
                        "<div class=\"product-thumb\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<div class=\"badges\">" +
                        "<span class=\"hot\">热卖</span>" +
                        "</div>" +
                        "<img src=\"" + Good.g_src + "\"/>" +
                        "</a>" +
                        "<div class=\"product-action\">" +
                        "<span class=\"add-to-cart\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"></a>" +
                        "</span>" +
                        "<span class=\"wishlist\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to wishlist\"></a>" +
                        "</span>" +
                        "<span class=\"quickview\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Quickview\"></a>" +
                        "</span>" +
                        "<span class=\"compare\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Compare\"></a>" +
                        "</span>" +
                        "</div>" +
                        "</div>" +
                        "<div class=\"product-info\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<h2 class=\"title\">" + Good.g_name + "</h2>" +
                        "<span class=\"price\">" + "$" +
                        Good.price +
                        "</span>" +
                        "</a>" +
                        "</div>" +
                        "</div>"
                } else {
                    div = "<div class=\"col-md-3 col-sm-6 product-item masonry-item text-center\">" +
                        "<div class=\"product-thumb\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<div class=\"badges\">" +
                        "<span class=\"hot\">热卖</span>" +
                        "<span class=\"onsale\">特价!</span>" +
                        "</div>" +
                        "<img src=\"" + Good.g_src + "\"/>" +
                        "</a>" +
                        "<div class=\"product-action\">" +
                        "<span class=\"add-to-cart\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"></a>" +
                        "</span>" +
                        "<span class=\"wishlist\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to wishlist\"></a>" +
                        "</span>" +
                        "<span class=\"quickview\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Quickview\"></a>" +
                        "</span>" +
                        "<span class=\"compare\">" +
                        "<a href=\"#\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Compare\"></a>" +
                        "</span>" +
                        "</div>" +
                        "</div>" +
                        "<div class=\"product-info\">" +
                        "<a href=\"shop-detail.html?gid=" + Good.gid + "\">" +
                        "<h2 class=\"title\">" + Good.g_name + "</h2>" +
                        "<span class=\"price\">" +
                        "<del>" + "$" + Good.price + "</del> " +
                        "<ins>" + "$" + Good.price * Good.count + "</ins>" +
                        "</span>" +
                        "</a>" +
                        "</div>" +
                        "</div>"
                }
                $("#product").append(div);
            })
        })
    });
</script>
<body>
<div class="noo-spinner">
    <div class="spinner">
        <div class="cube1"></div>
        <div class="cube2"></div>
    </div>
</div>
<div id="menu-slideout" class="slideout-menu hidden-md-up">
    <div class="mobile-menu">
        <ul id="mobile-menu" class="menu">
            <li><a href="index.html">主页</a></li>
            <li><a href="about-us.html">关于我们</a></li>
            <li><a href="shop.html">购物</a></li>
            <li><a href="cart.html">购物车</a></li>
            <li><a href="checkout.html">结账页面</a></li>
            <li><a href="contact-us.html">收货信息填写</a></li>
        </ul>
    </div>
</div>
<div class="site">
    <div class="topbar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="topbar-text">
                        <span>工作时间: Monday - Friday: 08AM-06PM</span>
                        <span>Saturday - Sunday: 10AM-06PM</span>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="topbar-menu">
                        <ul class="topbar-menu">
                            <li class="dropdown">
                                <a href="#">权限</a>
                                <ul class="sub-menu">
                                    <li><a href="#">用户</a></li>
                                    <li><a href="#">商户</a></li>
                                </ul>
                            </li>
                            <li><a href="sign-in.html">登录</a></li>
                            <li><a href="sign-up.html">注册</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <header id="header" class="header header-desktop header-2">
        <div class="top-search">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <form>
                            <input type="search" class="top-search-input" name="s" placeholder="您想找点什么？"/>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <a href="#" id="logo">
                        <img class="logo-image" src="images/logo.png" alt="Organik Logo"/>
                    </a>
                </div>
                <div class="col-md-9">
                    <div class="header-right">
                        <nav class="menu">
                            <ul class="main-menu">
                                <li><a href="index.html">主页</a></li>
                                <li><a href="about-us.html">关于我们</a></li>
                            </ul>
                        </nav>
                        <div class="btn-wrap">
                            <div class="mini-cart-wrap">
                                <div class="widget-shopping-cart-content">
                                    <ul class="cart-list">
                                    </ul>
                                </div>
                            </div>
                            <div class="top-search-btn-wrap">
                                <div class="top-search-btn">
                                    <a href="javascript:void(0);">
                                        <i class="ion-search"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <header class="header header-mobile">
        <div class="container">
            <div class="row">
                <div class="col-xs-2">
                    <div class="header-left">
                        <div id="open-left"><i class="ion-navicon"></i></div>
                    </div>
                </div>
                <div class="col-xs-8">
                    <div class="header-center">
                        <a href="#" id="logo-2">
                            <img class="logo-image" src="images/logo.png" alt="Organik Logo"/>
                        </a>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="header-right">
                        <div class="mini-cart-wrap">
                            <a href="cart.html">
                                <div class="mini-cart">
                                    <div class="mini-cart-icon" data-count="2">
                                        <i class="ion-bag"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div id="main">
        <div class="section">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12 p-0">
                        <div id="rev_slider" class="rev_slider fullscreenbanner">
                            <ul>
                                <li data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                                    data-hideslideonmobile="off" data-easein="default" data-easeout="default"
                                    data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="滑动">
                                    <img src="images/slider/slide_bg_4.jpg" alt="" data-bgposition="center center"
                                         data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
                                         class="rev-slidebg"/>
                                    <div class="tp-caption rs-parallaxlevel-2"
                                         data-x="center" data-hoffset=""
                                         data-y="center" data-voffset="-80"
                                         data-width="['none','none','none','none']"
                                         data-height="['none','none','none','none']"
                                         data-type="image" data-responsive_offset="on"
                                         data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                         data-textAlign="['inherit','inherit','inherit','inherit']"
                                         data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                         data-paddingbottom="[0,0,0,0]"
                                         data-paddingleft="[0,0,0,0]">
                                        <img src="images/slider/slide_6.png" alt=""/>
                                    </div>
                                    <div class="tp-caption rs-parallaxlevel-1"
                                         data-x="center" data-hoffset=""
                                         data-y="center" data-voffset="-80"
                                         data-width="['none','none','none','none']"
                                         data-height="['none','none','none','none']"
                                         data-type="image" data-responsive_offset="on"
                                         data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                         data-textAlign="['inherit','inherit','inherit','inherit']"
                                         data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                         data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
                                        <img src="images/slider/slide_7.png" alt=""/>
                                    </div>
                                    <a class="tp-caption btn-2 hidden-xs" href="#"
                                       data-x="['center','center','center','center']"
                                       data-y="['center','center','center','center']"
                                       data-voffset="['260','260','260','260']"
                                       data-width="['auto']" data-height="['auto']"
                                       data-type="button" data-responsive_offset="on"
                                       data-responsive="off"
                                       data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Power0.easeIn","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(95,189,116);bg:rgba(51, 51, 51, 0);"}]'
                                       data-textAlign="['inherit','inherit','inherit','inherit']"
                                       data-paddingtop="[16,16,16,16]" data-paddingright="[30,30,30,30]"
                                       data-paddingbottom="[16,16,16,16]" data-paddingleft="[30,30,30,30]">现在去购物
                                    </a>
                                </li>
                                <li data-transition="fade" data-slotamount="default" data-hideafterloop="0"
                                    data-hideslideonmobile="off" data-easein="default" data-easeout="default"
                                    data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="滑动">
                                    <img src="images/slider/slide_bg_5.jpg" alt="" data-bgposition="center center"
                                         data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off"
                                         class="rev-slidebg"/>
                                    <div class="tp-caption rs-parallaxlevel-1"
                                         data-x="center" data-hoffset=""
                                         data-y="center" data-voffset="-120"
                                         data-width="['none','none','none','none']"
                                         data-height="['none','none','none','none']"
                                         data-type="image" data-responsive_offset="on"
                                         data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                         data-textAlign="['inherit','inherit','inherit','inherit']"
                                         data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                         data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
                                        <img src="images/slider/slide_8.png" alt=""/>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section section-bg-1 section-cover pt-17 pb-3">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="mt-3 mb-3">
                            <img src="images/oranges.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="mb-1 section-pretitle default-left">欢迎来到</div>
                        <h2 class="section-title mtn-2 mb-3">有机商店</h2>
                        <p class="mb-4">
                            有机商店于2020年开业，这是我们的梦想，为了给社区提供最好的和最丰富的有机食品，我们的使命是促进社区健康，并在食品购物中带来发现和冒险的感觉。
                        </p>
                        <a class="organik-btn arrow" href="#">我们的产品</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="section section-bg-2 section-cover pt-14">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="text-center">
                            <div class="mb-1 section-pretitle white">热卖</div>
                            <h2 class="section-title mtn-2 mb-3">天然鲜榨果汁</h2>
                            <p class="white mb-4">
                                简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                            </p>
                            <div class="countdown-wrap mb-4">
                                <div class="se-kl">
                                    <div class="se-info">距离结束还剩</div>
                                    <div class="se-count">
                                        <div class="se-day"></div>
                                        <div class="se-hour"><span class="se-txt">00</span></div>
                                        <div class="se-min"><span class="se-txt">00</span></div>
                                        <div class="se-sec"><span class="se-txt">00</span></div>
                                    </div>
                                </div>
                                <script src="js/jquery.min.js"></script>
                                <script type="text/javascript">
                                    $(document).ready(function () {
                                        var oDate = new Date();
                                        var nowTime = oDate.getTime(); //现在的毫秒数
                                        oDate.setDate(oDate.getDate() + 1); // 设定截止时间为第二天
                                        var targetDate = new Date(oDate.toLocaleDateString());
                                        run(targetDate);
                                    });

                                    function run(enddate) {
                                        getDate(enddate);
                                        setInterval("getDate('" + enddate + "')", 500);
                                    }

                                    function getDate(enddate) {
                                        var oDate = new Date(); //获取日期对象

                                        var nowTime = oDate.getTime(); //现在的毫秒数
                                        var enddate = new Date(enddate);
                                        var targetTime = enddate.getTime(); // 截止时间的毫秒数
                                        var second = Math.floor((targetTime - nowTime) / 1000); //截止时间距离现在的秒数

                                        var day = Math.floor(second / 24 * 60 * 60); //整数部分代表的是天；一天有24*60*60=86400秒 ；
                                        second = second % 86400; //余数代表剩下的秒数；
                                        var hour = Math.floor(second / 3600); //整数部分代表小时；
                                        second %= 3600; //余数代表 剩下的秒数；
                                        var minute = Math.floor(second / 60);
                                        second %= 60;
                                        var spanH = $('.se-txt')[0];
                                        var spanM = $('.se-txt')[1];
                                        var spanS = $('.se-txt')[2];

                                        spanH.innerHTML = tow(hour);
                                        spanM.innerHTML = tow(minute);
                                        spanS.innerHTML = tow(second);
                                    }

                                    function tow(n) {
                                        return n >= 0 && n < 10 ? '0' + n : '' + n;
                                    }
                                </script>
                                <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
                                    <a class="organik-btn brown" href="shop-detail.html?gid=19">立即抢购</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="text-center floating">
                            <img src="images/can.png" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section section-bg-3 pt-6 pb-6">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">友善的</div>
                        <h2 class="text-center section-title mtn-2">有机商店</h2>
                        <div class="organik-seperator mb-9 center">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="organik-special-title">
                            <div class="number">01</div>
                            <div class="title">永远新鲜</div>
                        </div>
                        <p>Cur tantas regiones barbarorum peat dibus obiit, tregiones barbarorum peat dibus obiit, tot
                            mariata</p>
                        <div class="mb-8"></div>
                        <div class="organik-special-title">
                            <div class="number">02</div>
                            <div class="title">保持健康</div>
                        </div>
                        <p>Cur tantas regiones barbarorum peat dibus obiit, tregiones barbarorum peat dibus obiit, tot
                            mariata</p>
                    </div>
                    <div class="col-md-4">
                        <div class="mb-8"></div>
                    </div>
                    <div class="col-md-4">
                        <div class="organik-special-title align-right">
                            <div class="number">03</div>
                            <div class="title">安全的农药</div>
                        </div>
                        <p>Cur tantas regiones barbarorum peat dibus obiit, tregiones barbarorum peat dibus obiit, tot
                            mariata</p>
                        <div class="mb-8"></div>
                        <div class="organik-special-title align-right">
                            <div class="number">04</div>
                            <div class="title">保持健康</div>
                        </div>
                        <p>Cur tantas regiones barbarorum peat dibus obiit, tregiones barbarorum peat dibus obiit, tot
                            mariata</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="section border-bottom mt-6 mb-5">
            <div class="container">
                <div class="row">
                    <div class="organik-process">
                        <div class="col-md-3 col-sm-6 organik-process-small-icon-step">
                            <div class="icon">
                                <i class="organik-delivery"></i>
                            </div>
                            <div class="content">
                                <div class="title">免费送货</div>
                                <div class="text">所有订单满 $100</div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 organik-process-small-icon-step">
                            <div class="icon">
                                <i class="organik-hours-support"></i>
                            </div>
                            <div class="content">
                                <div class="title">客户支持</div>
                                <div class="text">支持 24/7</div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 organik-process-small-icon-step">
                            <div class="icon">
                                <i class="organik-credit-card"></i>
                            </div>
                            <div class="content">
                                <div class="title">安全付款</div>
                                <div class="text">确认</div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 organik-process-small-icon-step">
                            <div class="icon">
                                <i class="organik-lettuce"></i>
                            </div>
                            <div class="content">
                                <div class="title">用爱制造</div>
                                <div class="text">最好的服务</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section pt-12 pb-9">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">发现</div>
                        <h2 class="text-center section-title mtn-2">我们的产品</h2>
                        <div class="organik-seperator center">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 p-0">
                        <div class="text-center">
                            <ul class="masonry-filter">
                                <li><a href="javascript:void(0)" onclick="findAll()" class="active">所有</a></li>
                                <li><a href="javascript:void(0)" onclick="findByType(3)" data-filter=".dried">果酱</a>
                                </li>
                                <li><a href="javascript:void(0)" onclick="findByType(1)" data-filter=".fruits">水果</a>
                                </li>
                                <li><a href="javascript:void(0)" onclick="findByType(2)"
                                       data-filter=".vegetables">蔬菜</a></li>
                                <li><a href="javascript:void(0)" onclick="findByType(4)" data-filter=".juice">果汁</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div id="product" class="product-grid masonry-grid-post">
                        <div>商品显示ajax</div>
                    </div>
                    <div class="loadmore-contain">
                        <a class="organik-btn small" href="shop.html"> 更多 </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="section bg-light pt-10 pb-10">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">为什么选择</div>
                        <h2 class="text-center section-title mtn-2">有机产品?</h2>
                        <div class="organik-seperator center mb-6">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="accordion icon-left" id="accordion1">
                            <div class="accordion-group toggle">
                                <div class="accordion-heading toggle_title active">
                                    <a class="accordion-toggle" data-toggle="collapse" aria-expanded="true"
                                       aria-controls="collapse1" href="#collapse1">
                                        比普通产品更加有营养
                                    </a>
                                    <span class="icon"><i class="ion-heart"></i></span>
                                </div>
                                <div id="collapse1" class="accordion-body collapse in">
                                    <div class="accordion-inner">
                                        <p>
                                            有机种植的食物比商业种植的食物具有更多的营养素（维生素，矿物质，酶和微量营养素），因为通过负责任的标准对土壤进行可持续管理和营养。有机耕作支持生态维持，或与自然和谐相处。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-group toggle">
                                <div class="accordion-heading toggle_title">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="collapse2"
                                       href="#collapse2">
                                        减少污染并保护土地
                                    </a>
                                    <span class="icon"><i class="ion-chatboxes"></i></span>
                                </div>
                                <div id="collapse2" class="accordion-body toggle_content collapse">
                                    <div class="accordion-inner">
                                        <p>
                                            有机农业考虑了农业干预对农业生态系统的中长期影响。它旨在生产食物，同时建立生态平衡，以防止土壤肥力或虫害问题。有机农业采取积极主动的态度，而不是在问题出现后加以处理。
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-group toggle">
                                <div class="accordion-heading toggle_title">
                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="collapse3"
                                       href="#collapse3">
                                        保护农业多样性
                                    </a>
                                    <span class="icon"><i class="ion-lightbulb"></i></span>
                                </div>
                                <div id="collapse3" class="accordion-body toggle_content collapse">
                                    <div class="accordion-inner">
                                        <p>
                                            有机农民既是各级生物多样性的保管者，又是生物多样性的使用者。在基因水平上，传统的和适应的种子和品种因其对疾病的更大抵抗力和对气候压力的适应力而被优先选用。在物种一级，动植物的各种组合优化了农业生产的营养和能量循环。
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="text-center app-desc floating">
                            <img src="images/app-desc.png" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section pt-12">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">最新推送</div>
                        <h2 class="text-center section-title mtn-2">我们的博客</h2>
                        <div class="organik-seperator center mb-6">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="blog-grid-item">
                            <div class="post-thumbnail">
                                <a href="#">
                                    <img src="images/blog/blog_1.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="post-content">
                                <div class="entry-meta">
									<span class="posted-on">
										<i class="ion-calendar"></i> 
										<span>8月 9日, 2016</span>
									</span>
                                    <span class="comment">
										<i class="ion-chatbubble-working"></i> 0
									</span>
                                </div>
                                <a href="#">
                                    <h1 class="entry-title">如何蒸治糖泥南瓜</h1>
                                </a>
                                <div class="entry-content">
                                    将两半切成小块，放入带有蒸汽篮的大锅水中，以防止南瓜块接触…
                                </div>
                                <div class="entry-more">
                                    <a href="#">阅读更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blog-grid-item">
                            <div class="post-thumbnail">
                                <a href="#">
                                    <img src="images/blog/blog_2.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="post-content">
                                <div class="entry-meta">
									<span class="posted-on">
										<i class="ion-calendar"></i> 
										<span>8月 9日, 2016</span>
									</span>
                                    <span class="comment">
										<i class="ion-chatbubble-working"></i> 0
									</span>
                                </div>
                                <a href="#">
                                    <h1 class="entry-title">大量的食谱可以帮助您更好的食用有机蔬菜</h1>
                                </a>
                                <div class="entry-content">
                                    装满意向购买或收获的装有有机蔬菜的冰箱，然后生活变得很充实。
                                </div>
                                <div class="entry-more">
                                    <a href="#">阅读更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="blog-grid-item">
                            <div class="post-thumbnail">
                                <a href="#">
                                    <img src="images/blog/blog_1.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="post-content">
                                <div class="entry-meta">
									<span class="posted-on">
										<i class="ion-calendar"></i> 
										<span>August 9, 2016</span>
									</span>
                                    <span class="comment">
										<i class="ion-chatbubble-working"></i> 0
									</span>
                                </div>
                                <a href="#">
                                    <h1 class="entry-title">如何在养鱼场中有机养殖鲑鱼？</h1>
                                </a>
                                <div class="entry-content">
                                    有机食品的消费量正在迅速增加,这对周遭环境有更高的要求.
                                </div>
                                <div class="entry-more">
                                    <a href="#">阅读更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <hr class="mt-7 mb-3"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="section pt-2 pb-4">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <p>合作商户信息</p>
                        <div class="client-carousel" data-auto-play="true" data-desktop="5" data-laptop="3"
                             data-tablet="3" data-mobile="2">
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_1.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_2.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_3.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_4.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_5.png" alt=""/>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <img src="images/footer_logo.png" class="footer-logo" alt=""/>
                    <p>
                        欢迎来到有机商城。我们的产品是新鲜收获的，经过清洗后即可装箱，最后从我们的家庭农场运到您家门口。
                    </p>
                    <div class="footer-social">
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Facebook"><i
                                class="fa fa-facebook"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Twitter"><i
                                class="fa fa-twitter"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Pinterest"><i
                                class="fa fa-pinterest"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Instagram"><i
                                class="fa fa-instagram"></i></a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="widget">
                        <h3 class="widget-title">推荐信息</h3>
                        <ul>
                            <li><a href="#">新产品</a></li>
                            <li><a href="#">畅销品</a></li>
                            <li><a href="#">我们的博客</a></li>
                            <li><a href="#">关于我们的商城</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="widget">
                        <h3 class="widget-title">使用链接</h3>
                        <ul>
                            <li><a href="#">我们的团队</a></li>
                            <li><a href="#">我们的博客</a></li>
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">购物保障</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget">
                        <h3 class="widget-title">订阅</h3>
                        <p>
                            输入您的电子邮件地址作为我们的邮件列表，督促我们每日精进。
                        </p>
                        <form class="newsletter">
                            <input type="email" name="EMAIL" placeholder="您的邮件地址" required=""/>
                            <button><i class="fa fa-paper-plane"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    Copyright &copy; 2020.公司保留所有权利.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </div>
                <div class="col-md-4">
                    <img src="images/footer_payment.png" alt=""/>
                </div>
            </div>
        </div>
        <div class="backtotop" id="backtotop"></div>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/modernizr-2.7.1.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.init.js"></script>
<script type="text/javascript" src="js/script.js"></script>

<script type="text/javascript" src="js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.video.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="js/extensions/revolution.extension.parallax.min.js"></script>
</body>
</html>